Badges · Bootstrap v5.2

Background colors. Use our background utility classes to quickly change the appearance of a badge. Please note that when using Bootstrap's default .bg-light , ...

Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such ...

Background colors. Use our background utility classes to quickly change the appearance of a badge. Please note that when using Bootstrap's default .bg-light , ...

Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such ...

Documentation and examples for badges, our small count and labeling component.

Use any of the contextual classes ( .badge-* ) to change the color of a badge: Example. <span class=badge badge-primary>Primary</span> <span class=badge ...

2022年11月30日 — Bootstrap 5 Badges Background colors provide different utility classes for backgrounds that help to enhance the appearance of a badge.

2019年5月28日 — You could custom the bootstrap badge color with this... .red background-color: red; ...

Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure ...